Setting an Element Box Type
Description
The display
property controls how an element is laid out on the page.
The set of allowed values for the display property are described as follows.
- inline - The box is displayed like a word in a line of text.
- block - The box is displayed like a paragraph.
- inline-block - The box is displayed like a line of text.
- list-item - The box is displayed as a list item, typically with a bullet or some other kind of marker.
- run-in - The type of box is dependent on the surrounding elements.
- flexbox - This value relates to the flexible box layout.
- table
table-caption
table-cell
table-column
table-column-group
table-footer-group
table-header-group
table-row
table-row-group
inline-table
Lay out elements in a table. - ruby
ruby-base
ruby-text
ruby-base-group
ruby-text-group
Lay out text with ruby annotations. - none
The element isn't visible and takes no space in the layout.